Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <body> <form id="myForm" action="http://www.w3schools.com/jsref/form_action.asp"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <button id="myBtn" type="button" value="Reset">Reset</button> </form> <p>Try to write something in the form, and then press "Reset".</p> <p>The "Reset" button will not reset the form, because of the button type (type="button" just makes the button clickable, and will not clear form-data).</p> <p>Click the "Try it" button below to change the type of the "Reset" button above from "button" to "reset".</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myBtn").type = "reset"; document.getElementById("demo").innerHTML = "The 'Reset' button now works as it should."; } </script> </body> <!-- Mirrored from www.w3schools.com/jsref/tryit.asp?filename=tryjsref_button_type3 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:31:28 GMT --> </html>
Result:
Try it Yourself - © w3schools.com